﻿/// <reference path="~/app/libs/sencha-touch-debug.js" />
Ext.define("iMobileS.view.Selections", {
    extend: "Ext.dataview.List",
    alias: "widget.selections",
    config: {
        loadingText: "Loading...",
        emptyText: "<div class=\"list-empty-text\">No Selections found.</div>",
        onItemDisclosure: false,
        itemTpl: ['<table width="100%">',
            '<tbody>',
                '<tr>',
                    '<td style="width: 49%">',
                        '<table width="100%">',
                            '<tr>',
                                '<td style="font-weight: bolder;">{ProductName}</td>',
                            '</tr>',
                            '<tr>',
                                '<td style="font-size:12px">Price/Section</td>',
                            '</tr>',
                            '<tr>',
                                '<td style="font-size:12px">General Admission - GA</td>',
                            '</tr>',
                            '<tr>',
                                '<td style="font-size:12px">Delivery</td>',
                            '</tr>',
                        '</table>',
                    '</td>',
                    '<td style="width: 49%">',
                        '<table width="100%">',
                           '<tr>',
                                '<td style="font-weight: bolder;">Qty:</td>',
                                '<td style="text-align:left">{Quantity}</td>',
                                '<td>&nbsp;</td>',
                                    '<td style="text-align:right">{CloseIcon}</td>',
                            '</tr>',
                            '<tr>',
                                '<td style="font-size:12px">Price Each</td>',
                                '<td>&nbsp;</td>',
                                '<td>&nbsp;</td>',
                                '<td style="text-align:right;font-size:12px">Subtotal</td>',
                            '</tr>',
                            '<tr>',
                                '<td>{UnitPrice}</td>',
                                '<td>&nbsp;</td>',
                                '<td>&nbsp;</td>',
                                '<td style="text-align:right">{Total}</td>',
                            '</tr>',
                            '<tr>',
                                '<td colspan="2" style="font-size:12px;">Discount:</td>',
                                '<td>&nbsp;</td>',
                                '<td>&nbsp;</td>',
                                '<td style="text-align:right">{Discount}</td>',
                            '</tr>',
                        '</table>',
                    '</td>',
                '</tr>',
            '</tbody>',
        '</table>']
    }
});